<template>
  <div class="button" :class="{ active: checked }" >
    <img src="@/assets/img/tick.png" />
  </div>
</template>

<script>
export default {
  name: 'cartbutton',
  components: {},
  data() {
    return {}
  },
  props:{
    checked:{
      type:Boolean,
      default: true
    }
  },
  methods: {
  },
}
</script>
<style scoped>
.button {
  box-sizing: content-box;
  
  border-radius: 50%;
  
  border: 2px solid #ccc;
  cursor: pointer;
}
img {
  height: 100%;
}
.active {
  background-color: #ff8198;
  border-color: #ff8198;
}
</style>
